<template>
  <a-layout>
    <!-- 头部 -->
    <the-header></the-header>

    <!-- 变化的部分 -->
    <router-view />

    <!-- 底部 -->
    <the-footer></the-footer>
  </a-layout>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import TheHeader from "./components/the-header.vue";
import TheFooter from "./components/the-footer.vue";

export default defineComponent({
  name: "app",
  components: { TheHeader, TheFooter },
});
</script>


<style>
.site-layout-background {
  background: #fff;
}
</style>